<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Universidades</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	
	{% load staticfiles %} <link rel="stylesheet" href="{% static "css/spacelab.css" %}">
	{% load staticfiles %} <link rel="stylesheet" href="{% static "css/responsive.css" %}">
	{% load staticfiles %} <link rel="stylesheet" href="{% static "css/misestilos.css" %}"> 
	{% load staticfiles %}
        <link rel="stylesheet" href="{% static "css/menu_jquery.css" %}">


        <!-- JS files -->
        {% load staticfiles %} <script type="text/javascript" src="{% static "js/jquery.js" %}"></script>
        {% load staticfiles %} <script type="text/javascript" src="{% static "js/bootstrap.js" %}"></script>
        {% load staticfiles %} <script type="text/javascript" src="{% static "js/menu_jquery.js" %}"></script>
        
</head>
<body>

	{% include "topmenu.html" %} <!-- Top menu -->

	<div class="container">
		<!-- Button to trigger modal -->
		
		<div class="row-fluid">
			
			{% include "sidebar.html" %} <!-- Side bar -->

			<!-- Listado de universidades divididas por regiones -->
			<div class="span9">
				{% if show_message_success %}
	                <div class="alert alert-success">
						<button type="button" class="close" data-dismiss="alert">&times;</button>
						{{mensaje_exito|safe}}                
	                </div>
	            {% endif %}
	            {% if show_message_error %}
	            	<div class="alert alert-error">
						<button type="button" class="close" data-dismiss="alert">&times;</button>
						{{mensaje_error|safe}}                
	                </div>
	            {% endif %}
	            
				<!-- Universidades participantes agrupadas por region -->
				<div class="page-header">
					<h1>Universidades</h1>
					<a class="btn btn-primary" href="/plataforma/universidades/agregar_universidades">Agregar Universidad &raquo </a>
				</div>

				{{lista | safe}}
				<input type="hidden" name="universidad_id" id = "universidad_id">

			</div>

			<!-- Modal -->
			<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
					<h3 id="myModalLabel">Alert!</h3>
				</div>
				<div class="modal-body">
					<p><b>¿Está seguro que desea eliminar esta universidad?</b></p>
					<p> Primero se eliminarán todos los usuarios asociados a la misma.
				</div>
				<div class="modal-footer">
					<button class="btn" data-dismiss="modal" aria-hidden="true">Cancelar</button>
					<a class="btn btn-primary" id="PopUp_Save" onclick = "javascript:eliminarUserUniv()">Eliminar Universidad</a>
				</div>
			</div><!-- Modal -->
			<div id="modalVer" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
				 <div class="modal-header">
				    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				    <h3 id="modalLabel"><b>Datos de la universidad</b></h3>
				 </div>
				 <div class="modal-body">
				    	<div class="control-group">
							<label for="name" class="control-label"><b>Nombre:</b></label>
							<div class="nombre"></div>
						</div> <!-- Nombre -->
						<div class="control-group">
							<label for="phone" class="control-label"><b>Teléfono:</b></label>
							<div class="telefono"></div>
						</div> <!-- Teléfono -->
						<div class="control-group">
							<label for="urlweb" class="control-label"><b>URL:</b></label>
							<div class="url"></div>
						</div> <!-- URL -->
						<div class="control-group">
							<label for="paises" class="control-label"><b>País:</b></label>
							<div class="pais"></div>
						</div> <!-- pais -->
						<div class="control-group">
							<label for="address" class="control-label"><b>Dirección:</b></label>
							<div class="direccion"></div>
						</div> <!-- direccion -->
						<div class="control-group">
							<label for="sigla" class="control-label"><b>Siglas:</b></label>
							<div class="siglas"></div>
						</div> <!-- siglas -->
						<div class="control-group">
							<label for="regiones" class="control-label"><b>Región:</b></label>
							<div class="region"></div>
						</div> <!-- region -->
						<div class="control-group">
							<label for="administrator" class="control-label"><b>Administrador:</b></label>
							<div class="administrador"></div>
						</div> <!-- administrador -->
				 </div>
				 <div class="modal-footer">
				    <button class="btn" data-dismiss="modal" aria-hidden="true">Cerrar</button>
				 </div>
			</div><!-- Modal Ver-->
			<!-- Modal -->
			<div id="modalUserUniv" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="modalUserUnivLabel" aria-hidden="true">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
					<h3 id="modalUserUnivLabel">Avisos!</h3>
				</div>
				<div class="modal-body">
					<p><b>Eliminando usuarios asociados a las universidades.</b>
					<div class="resultElimUserUniv"></div>

				</div>
				<div class="modal-footer">
					<button class="btn" data-dismiss="modal" aria-hidden="true" >Aceptar</button>
					<!--<a class="btn btn-primary" id="modalUserUnivButton">Eliminar Universidad</a>-->
				</div>
			</div><!-- Modal Eliminar Alumnos Universidades-->	
		</div> <!-- /row -->

	{% include "footer.html" %} <!-- Footer -->
	</div> <!-- /container -->

	<script>
	function eliminar(universidad_id){
		$('#myModal').modal('show');
		$("#universidad_id").val(universidad_id);
	}

	function eliminarUserUniv(){
		var universidad_id = $("#universidad_id").val();
		$(".close").click();
		ajaxEliminarUserUniv(universidad_id);
		//alert(universidad_id);
		$('#modalUserUniv').modal('show');
		//$("#modalUserUnivButton").attr("href", "/plataforma/universidades/admin_universidades/"+universidad_id+"");
	}

	function ajaxEliminarUserUniv(universidad_id){
		var mensaje = ""
		$(".resultElimUserUniv").html("<div>Intentando eliminar usuarios...<p>Por favor espere...</div>");
		$.ajax({
	       type: "POST",
	       url: "/plataforma/universidades/ajax_eliminar_user_univ/",
	       data: {'universidad_id': universidad_id},
	       cache: false,
	       success: function(returndata){
	      		$(".resultElimUserUniv").html("<div>"+ returndata.mensaje +"</div>");
	      		/*if (!returndata.exito){
	      			$("#modalUserUnivButton").remove();
	      		}*/
	       }
	    });
	}

	function verDatos(id_univ) {
	    $.ajax({
	       type: "POST",
	       url: "/plataforma/universidades/ajax_universidad_modal/",
	       data: {'id_univ': id_univ},
	       cache: false,
	       success: function(returndata){
	            $(".nombre").html(returndata.nombre);
             	if(returndata.telefono != "")
             		$(".telefono").html(returndata.telefono);
             	else
             		$(".telefono").html("--");

             	$(".url").html(returndata.url);           
             	$(".pais").html(returndata.pais);          
             	if(returndata.direccion != "")
             		$(".direccion").html(returndata.direccion); 
             	else
             	    $(".direccion").html("--");

             	if(returndata.siglas != "")         
             		$(".siglas").html(returndata.siglas);
             	else
             		$(".siglas").html("--");

             	$(".region").html(returndata.region);             
             	$(".administrador").html(returndata.administrador);

	       }
	    });
	    $('#modalVer').modal('show');

	}
	</script>
</body>
</html>